@import "./../../assets/scss/index.scss";


//dialog
.kds-dialog{
    width: 640px !important;padding: 0!important;
    transform: translate(-50%,-50%) ;
    position: fixed !important;
    right: 50% !important;
    transform: translateX(100%) !important;
    .dialog-content{background: red;}
}


//grow
.kds-grow{
    text-align: -webkit-right;width: 500px;left: calc(100% - 500px);top: 50px;
    pointer-events: none;
    &>div{
        min-width: 300px;
        font-size: 20px;;
        text-align: left;
        margin-right: 20px;
        display: inline-block;
        border:none;
        opacity: 0.9 !important;
        &>div{
            box-shadow: 0rem 0rem 1rem 0.1rem #888;
            .ui-growl-message{text-align: left;width: 100%; padding-right: 8px;}
        }
    }
    .icon-clear{margin-top: 7px;}
}
/* Growl */
.info {
    background-color: #000000;
    border-color :#000000;
}

.error {
    background-color: #f44336;
    border-color :#f44336;
}

.warn {
    background-color: #ff9800;
    border-color :#ff9800;
}
.success {
    background-color: #5cb85c;
    border-color :#5cb85c;
}




//confirm
.kds-confirm{
    .remark{z-index: 200;opacity: 0.48;background: rgba(0, 0, 0, 0.6);}
  .kds-confirm-content{
        width: pxTorem(400px);top: 40%;background: #f7f7f7;color:#333333;
       .tip-title{font-size: pxTorem(24px);background: #3d3d3d;padding: 0 pxTorem(10px);height: pxTorem(48px);line-height: pxTorem(48px);}
       .title{text-indent: 1em;color: white; background-color: #444;font-size: pxTorem(20px);height: pxTorem(50px);line-height: pxTorem(50px); }
       .content{ padding: 25px;font-size: pxTorem(18px);height: pxTorem(200px);text-align: center;}
       .button{
            height: pxTorem(48px);display: flex;
            button{width: 100%;font-size: pxTorem(20px);}
            .fail{background: #e6e6e6;color: #333333;}
            .success{background: $mpj-primary;color: white;} 
        }
   }
}




